<!--
 * @Author: your name
 * @Date: 2020-11-10 09:33:14
 * @LastEditTime: 2020-11-10 10:28:30
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \233c:\Users\86185\Desktop\app\musice\src\components\footerbar.vue
-->
<template>
  <div>
      <ul class="footers">
         
          <router-link to="/discover" tag="li">发现</router-link>
         
          <router-link to="/mymusic" tag="li">我的音乐</router-link>
       
          <router-link to="/friend" tag="li">朋友</router-link>
        
          <router-link to="/account" tag="li">账号</router-link>
      </ul>
  </div>
</template>

<script>
export default {
name: "Footerbar",
data() {
    return {
     
    }
},



}
</script>

<style lang="scss" >
    .footers{
     display:flex; 
     li{
         flex:1;
         width: 100%;
         height: 48px;
         display:flex;
         align-items:center;
         justify-content:center;
         font-size: 12px;
     }  
    }
</style>